.webpack-build-monitor {
	position: fixed;
	bottom: 50px;
	right: 83px;
	z-index: 99999999;
	font-size: 9px;
	padding: 4px 6px;
	background: #008a20;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 2px;
	display: flex;
	align-items: center;
	line-height: 11px;

	&.is-warning {
		background: #f0c930;
		color: #4f3500;
	}

	&.is-error {
		background: #d63638;
	}

	.spinner__outer {
		border-top-color: currentColor;
	}

	.spinner__inner {
		border-top-color: currentColor;
		border-right-color: currentColor;
	}
}

.webpack-build-monitor__spinner {
	margin-right: 6px;
}

.webpack-build-monitor__text {
	margin-left: 6px;
	display: block;
}
